<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<link rel="icon" href="assets/favicon.ico" type="image/x-icon" />
	<link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon" />
		<meta content="1 days" name="revisit-after" />
	<meta content="telephone=no" name="format-detection" />
	
	<meta name="viewport" content="width=640,user-scalable=0,target-densitydpi=device-dpi">
	<!--
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, target-densitydpi=medium-dpi, user-scalable=0" />
-->

	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="false" id="twcClient" name="twcClient" />
		
	<title>列表</title>
	<script>var zmdoc = zmdoc||{};</script>
	<!--[if IE]>
							<![endif]-->

		
	<script type="text/javascript" src="assets/common/jquery-1.8.3.min.js"></script>		<script type="text/javascript"> </script>
	<style type="text/css">@charset "utf-8";body,html,nav,ol,th,embed,abbr,li,input,gloabl,h2,input,td,h1,blockquote,xml,div,dl,dt,dd,ul,h3,h4,h5,h6,pre,form,fieldset,p{margin:0;padding:0;}img,fieldset, body,html{border:none;}address,caption,cite,code,dfn,em,strong,th,abbr,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;line-height:1;font-family: "microsoft yahei","SimSun",Arial,"adelle-1","adelle-2","kulturista-web-1","kulturista-web-2","Nixie One","StMarieThin",Georgia,serif;}q:before,q:after{content:'';}table {border-collapse:collapse;border-spacing:0;}html {font:12px/150% "SimSun","Helvetica Neue",Helvetica,Arial,sans-serif; color:#333;background-color: #FFF;}h1{font-size:100%;}h2, .h2 {font-size:16px;}h3, .h3 {font-size:14px;}h4, .h4 {font-size:12px;}h5, .h5 {font-size:11px;}strong {font-weight:bold;}.clearfix{clear:both; zoom:1; } .clearfix:after {content:"."; clear:both; display:block; height:0; font:0/0 arial; visibility:hidden;}.u,a.u {text-decoration:underline;}.nu, a.nu {text-decoration:none;}html {background-color: #f0eee8;}body.zm {width:640px;font-size:24px;overflow-x:hidden;line-height:1.6;}body.zm input, body.zm textarea, body.zm select {font-size:24px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}.main-content {padding-top: 80px;}.mask-wrap {position: fixed;left:0;top:0;width:100%;height: 100%;background-color: rgba(99,99,99,0.7);z-index:999;}* {  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}a {text-decoration:none;}button.btn-red {width: 100%;height: 80px;background: #fa5348;  border-radius: 1%;  background-clip: padding-box;font-size: 120%;color: #fff;letter-spacing: 4px;border:none;  -webkit-box-shadow: 0px 0px 1px 0px #aaa;  box-shadow: 0px 0px 1px 0px #aaa;}button.btn-red:hover,button.btn-red:active {background: #e33125;}h1,h2,h3,h4,h5{font-size:100%;font-weight:normal}strong,i,b,em {font-weight:normal;font-style:normal}h3.header-top {font-size: 105%;color:#333;line-height: 1;margin: 20px 0;position:relative;margin-left: 15px;padding-left: 8px;border-left: 4px solid #fa5348;font-weight:normal;}h3.header-top:after {position:absolute;content: ' ';width: 200%;border-bottom: 1px solid #aaa;left:-25px;bottom: -8px;}.border-red-top-bottom {text-align: center;padding: 10px 0;margin: 20px 0;position: relative;}.border-red-top-bottom:before,.border-red-top-bottom:after {content: ' ';position: absolute;left: 0;height:1px;width: 100%;background:url(assets/red-line.png) no-repeat center center;}.border-red-top-bottom:before {top: 0px;}.border-red-top-bottom:after {top: inherit;bottom: 3px;}</style>	
	<style>.w-header {position: fixed;width: 100%;height: 80px;background-color: #343434;color: #fff;font-size: 40px;line-height: 80px;text-align: center;top: 0;z-index: 999;}.w-header img.back {position: absolute;left: 24px;top: 24px;}.w-header i {font-style: normal;}.w-top-tab {position: relative;width: 100%;position: fixed;top: 80px;left:0;background-color:#f0eee8;z-index: 90;width: 640px;height: 80px;overflow:hidden;}.w-top-tab div {position:absolute;left:0;top:0;height: 100px;width: 100%;overflow:auto;}.w-top-tab:after {position: absolute;content: ' ';top:0;right: 0;width: 60px;height:100%;  background-image: -webkit-linear-gradient(top,transparent, #f0eee8);  background-image: linear-gradient(to bottom, transparent, #f0eee8);}.w-top-tab ul {width: 720px;text-align: center;border-bottom: 1px solid #ccc;padding-bottom: 1px;height: 80px;}.w-top-tab li {float: left;width: 120px;line-height:80px;height: 79px;}.w-top-tab li.selected {border-bottom: 3px solid #fa5348;color: #fa5348;}.w-list-content {}.w-list-content ul {padding: 0 20px 20px;margin-bottom: 90px;}.w-list-content ul li {height: 110px;margin-top: 20px;}.w-list-content ul dl {background:#fff;}.w-list-content ul dt {position: relative;float: left;height: 110px;}.w-list-content ul dt i {background: #fa5348;position: absolute;color: #fff;width: 38px;height: 25px;line-height: 25px;font-style:normal;text-align: center;font-size: 70%;left: -5px;}.w-list-content ul dt i:after {content: '';width: 10px;height: 5px;position: absolute;background: #6b1f1a;left: 0px;bottom: 0;transform: rotate(40deg);transform-origin: left bottom;-webkit-transform: rotate(40deg);-webkit-transform-origin: left bottom;z-index: -1;}.w-list-content ul dt i.recommend {background: #fa5348;}.w-list-content ul dd {margin-left: 135px;padding: 10px 20px 10px 0;overflow: hidden;position:relative;}.w-list-content ul h3 {font-size: 110%;line-height: 1;}.w-list-content ul em {padding: 5px 0;font-size: 70%;}.w-list-content ul p {font-size: 70%;}.w-list-content ul div {position: absolute;right: 20px;bottom: 15px;font-size: 60%;line-height: 1;}.w-list-content ul div strong {font-weight: normal;color: #fa5348;margin-left: 15px;padding-top: 15px;}.w-list-content ul div strong.listen-count {background:url(assets/icon-listen.png) no-repeat left center;padding-left: 37px;}.w-list-content ul div strong.record-count {background:url(assets/icon-record.png) no-repeat left center;padding-left: 20px;}.w-list-content footer {position: fixed;left: 0;bottom: 0;height: 90px;width: 100%;line-height: 90px;background-color: #343434;}.w-list-content footer h3 {float: left;width: 320px;hieght: 90px;line-height: 90px;text-align: center;}.w-list-content footer a {color: #fff;vertical-align: middle;font-size: 180%;}.w-list-content footer a.selected {color: #fa5348;}.w-list-content footer a.manual:before,.w-list-content footer a.account:before, .w-list-content footer a.manual.selected:before, .w-list-content footer a.account.selected:before {margin-right: 5px;content:' ';width: 39px; display: inline-block;height: 39px;vertical-align: middle;background:url(assets/icon-manual-selected.png) no-repeat center center;background-size: cover;}.w-list-content footer a.manual:before {background-image:url(assets/icon-manual-normal.png);}.w-list-content footer a.account:before {background-image:url(assets/icon-account-normal.png);}.w-list-content footer a.account.selected:before {background-image:url(assets/icon-account-selected.png);}.w-list-content footer a.manual.selected:before {background-image:url(assets/icon-manual-selected.png);}.wrapper {padding-top: 160px;}</style>
</head>
<body class="zm zmmobile">
	<!-- WIDGET-header-BOF -->
<header class="w-header">
	<img class="back" src="assets/back.png" width="43" height="30" />
	<i>主页-手册学习</i>
</header>
<!-- WIDGET-header-EOF -->
<!-- WIDGET-top-tab-BOF -->
<div class="w-top-tab ">
	<div>
	<ul class="clearfix">
	<li class="selected">幼儿组</li>
		<li>1-2年级组</li>
	<li>3-4年级组</li>
	<li>5-6年级组</li>
	<li>中学组</li>
	<li>诗词精选</li>
</ul>
	</div>
</div>
<!-- WIDGET-top-tab-EOF -->
<div class="wrapper main-content">
	<!-- WIDGET-list-content-BOF -->
<div class="w-list-content">
<ul>
	<li>
		<dl class="clearfix">
			<dt><img src="assets/list-thumb.png" width="123" height="110" /><i class="recommend">荐</i></dt>
			<dd>
				<h3>手捧空花盆的孩子</h3>
				<em><b>詹泽</b>老师</em>
				<p>中国教育电视台《揭秘》栏目主持人</p>
				<div><strong class="listen-count">1500</strong><strong class="record-count">1200</strong></div>
			</dd>
		</dl>
	</li>
	<li>
		<dl class="clearfix">
			<dt><img src="assets/list-thumb.png" width="123" height="110" /><i class="recommend">荐</i></dt>
			<dd>
				<h3>手捧空花盆的孩子</h3>
				<em><b>詹泽</b>老师</em>
				<p>中国教育电视台《揭秘》栏目主持人</p>
				<div><strong class="listen-count">1500</strong><strong class="record-count">1200</strong></div>
			</dd>
		</dl>
	</li>
	<li>
		<dl class="clearfix">
			<dt><img src="assets/list-thumb.png" width="123" height="110" /><i class="recommend">荐</i></dt>
			<dd>
				<h3>手捧空花盆的孩子</h3>
				<em><b>詹泽</b>老师</em>
				<p>中国教育电视台《揭秘》栏目主持人</p>
				<div><strong class="listen-count">1500</strong><strong class="record-count">1200</strong></div>
			</dd>
		</dl>
	</li>
	<li>
		<dl class="clearfix">
			<dt><img src="assets/list-thumb.png" width="123" height="110" /><i class="recommend">荐</i></dt>
			<dd>
				<h3>手捧空花盆的孩子</h3>
				<em><b>詹泽</b>老师</em>
				<p>中国教育电视台《揭秘》栏目主持人</p>
				<div><strong class="listen-count">1500</strong><strong class="record-count">1200</strong></div>
			</dd>
		</dl>
	</li>
<li>
		<dl class="clearfix">
			<dt><img src="assets/list-thumb.png" width="123" height="110" /><i class="recommend">荐</i></dt>
			<dd>
				<h3>手捧空花盆的孩子</h3>
				<em><b>詹泽</b>老师</em>
				<p>中国教育电视台《揭秘》栏目主持人</p>
				<div><strong class="listen-count">1500</strong><strong class="record-count">1200</strong></div>
			</dd>
		</dl>
	</li>
<li>
		<dl class="clearfix">
			<dt><img src="assets/list-thumb.png" width="123" height="110" /><i class="recommend">荐</i></dt>
			<dd>
				<h3>手捧空花盆的孩子</h3>
				<em><b>詹泽</b>老师</em>
				<p>中国教育电视台《揭秘》栏目主持人</p>
				<div><strong class="listen-count">1500</strong><strong class="record-count">1200</strong></div>
			</dd>
		</dl>
	</li>
<li>
		<dl class="clearfix">
			<dt><img src="assets/list-thumb.png" width="123" height="110" /><i class="recommend">荐</i></dt>
			<dd>
				<h3>手捧空花盆的孩子</h3>
				<em><b>詹泽</b>老师</em>
				<p>中国教育电视台《揭秘》栏目主持人</p>
				<div><strong class="listen-count">1500</strong><strong class="record-count">1200</strong></div>
			</dd>
		</dl>
	</li>
<li>
		<dl class="clearfix">
			<dt><img src="assets/list-thumb.png" width="123" height="110" /><i class="recommend">荐</i></dt>
			<dd>
				<h3>手捧空花盆的孩子</h3>
				<em><b>詹泽</b>老师</em>
				<p>中国教育电视台《揭秘》栏目主持人</p>
				<div><strong class="listen-count">1500</strong><strong class="record-count">1200</strong></div>
			</dd>
		</dl>
	</li>
<li>
		<dl class="clearfix">
			<dt><img src="assets/list-thumb.png" width="123" height="110" /><i class="recommend">荐</i></dt>
			<dd>
				<h3>手捧空花盆的孩子</h3>
				<em><b>詹泽</b>老师</em>
				<p>中国教育电视台《揭秘》栏目主持人</p>
				<div><strong class="listen-count">1500</strong><strong class="record-count">1200</strong></div>
			</dd>
		</dl>
	</li>
<li>
		<dl class="clearfix">
			<dt><img src="assets/list-thumb.png" width="123" height="110" /><i class="recommend">荐</i></dt>
			<dd>
				<h3>手捧空花盆的孩子</h3>
				<em><b>詹泽</b>老师</em>
				<p>中国教育电视台《揭秘》栏目主持人</p>
				<div><strong class="listen-count">1500</strong><strong class="record-count">1200</strong></div>
			</dd>
		</dl>
	</li>
<li>
		<dl class="clearfix">
			<dt><img src="assets/list-thumb.png" width="123" height="110" /><i class="recommend">荐</i></dt>
			<dd>
				<h3>手捧空花盆的孩子</h3>
				<em><b>詹泽</b>老师</em>
				<p>中国教育电视台《揭秘》栏目主持人</p>
				<div><strong class="listen-count">1500</strong><strong class="record-count">1200</strong></div>
			</dd>
		</dl>
	</li>
</ul>
<footer class="clearfix">
<h3><a class=" manual" href="#">手册学习</a>
</h3>
<h3><a href="#" class="account selected">我的帐户</a>
</h3>
</footer>
</div>
<!-- WIDGET-list-content-EOF -->
</div></body>
</html>
